<nz-modal [(nzVisible)]="isVisible" nzTitle="添加公告" (nzOnCancel)="handleCancel()" (nzOnOk)="handleOk()" nzWidth="780px">

  <form nz-form [formGroup]="formModel">

    <nz-form-item>
      <nz-form-label [nzSpan]="2" nzRequired nzFor="name">标题</nz-form-label>
      <nz-form-control [nzSpan]="22" nzErrorTip="请输入公告通知标题！">
        <div nz-row nzJustify="space-between">
          <div nz-col nzSpan="18">
            <input nz-input name="title" type="text" id="name" formControlName="title" placeholder="请输入角色名称">
          </div>
          <div nz-col nzSpan="5">
            <nz-select formControlName="typeId" (ngModelChange)="selectChange($event)" >
              <nz-option nzValue="1" nzLabel="公告"></nz-option>
              <nz-option nzValue="2" nzLabel="通知"></nz-option>
            </nz-select>
          </div>
        </div>
      </nz-form-control>
    </nz-form-item>

    <nz-form-item>
      <nz-form-label [nzSpan]="2" nzFor="agencyId">状态</nz-form-label>
      <nz-form-control [nzSpan]="22">
        <nz-radio-group id="status" formControlName="status" (ngModelChange)="radioChange($event)">
          <label nz-radio [nzValue]="1">正常</label>
          <label nz-radio [nzValue]="2">关闭</label>
        </nz-radio-group>
      </nz-form-control>
    </nz-form-item>

    <nz-form-item>
      <nz-form-label [nzSpan]="2" nzFor="desc">内容</nz-form-label>
      <nz-form-control [nzSpan]="22">
        <quill-editor [(ngModel)]="context"
                      placeholder="请输入公告内容"
                      [ngModelOptions]="{standalone: true}"
                      (ngModelChange)="editContent()"

        ></quill-editor>
      </nz-form-control>
    </nz-form-item>

  </form>

</nz-modal>
